$icon-prev: "hx-icon";
$icon-family: "iconfont";
$white: #fff;
$black: #000;
$blue-1: #5f70ff;
$blue-2: #1b4bff;
$blue-3: #7889ff;
$blue-4: #2487ff;
$light-blue: #267dff;
$purple: #a322ff;
$red: #fe2244;
$red2: #f81010;
$light-red: #ea5052;
$pink: pink;
$pink2: #ea1877;
$green: #1aad19;
$light-green: #18d4b5;
$orange: #ff6000;
$yellow: #ebac4c;
$yellow2: #fee857;
$gray: #1d2733;
$gray-1: #3e3e3e; //文字
$gray-2: #666666;
$gray-3: #999999;
$gray-4: #f2f2f2; //填充
$gray-5: #f6f6f6;
$gray-6: #fafafa;
$gray-7: #dadada; //描边
$gray-8: #d9d9d9;
$gray-9: #e5e5e5;
$border-1: 1px solid $gray-7;
$border-2: 1px solid $gray-8;
$border-3: 1px solid $gray-9;
$hide: none;
$show: block;
$shadow: 1px 1px 10rpx #eee;

@mixin _avatar($width, $radius: 50%, $imgBg: $gray-7) {
    width: $width;
    height: $width;
    border-radius: $radius;
    background: url("~@/static/img/avatar.jpg") no-repeat 0 0 / cover;
    background-color: $imgBg;
    overflow: hidden;
}

//文本溢出
@mixin _textOver($width: 100%) {
    width: $width;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
//显示几行文本
@mixin _showRowText($clamp: 2) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $clamp;
    -webkit-box-orient: vertical;
}
@mixin _border($left: 30rpx, $right: 30rpx, $num: 0, $color: #dadada, $direction: bottom) {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    right: $right;
    #{$direction}: $num;
    left: $left;
    border-#{$direction}: 1px solid $color;
    transform: scaleY(0.5);
}
@mixin _scrollbar() {
    &::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 20rpx; /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
    &::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 20rpx;
        box-shadow: inset 0 0 10rpx #cad5db;
        background: #fff;
    }
    &::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        box-shadow: inset 0 0 10rpx #fff;
        border-radius: 20rpx;
        background: rgb(255, 255, 255);
    }
}
